$(function () {
  // 当鼠标指向时，对应的内容显示
  $(".oneA").mouseenter(function () {
    $(".ctt").show();
    $(".imgOne").show();
  });
  $(".oneA").mouseleave(function () {
    $(".imgOne").hide();
    $(".ctt").hide();
  });
  // 当鼠标指向时，对应的内容显示
  $(".towA").mouseenter(function () {
    $(".ctt").show();
    $(".imgTow").show();
  });
  $(".towA").mouseleave(function () {
    $(".imgTow").hide();
    $(".ctt").hide();
  });
  // 当鼠标指向时，对应的内容显示
  $(".shreeA").mouseenter(function () {
    $(".ctt").show();
    $(".imgShree").show();
  });
  $(".shreeA").mouseleave(function () {
    $(".imgShree").hide();
    $(".ctt").hide();
  });

  // 点击排位分类事件;
  $(".span1").click(function () {
    $(this).addClass("clr").siblings().removeClass("clr");
    $(".pis .img1").show();
    $(".pis .img2").hide();
  });
  $(".span2").click(function () {
    $(this).addClass("clr").siblings().removeClass("clr");
    $(".pis .img2").show();
    $(".pis .img1").hide();
  });

  // 武器详情轮播图
  // 点击切换
  function allClick() {
    $(".all").on("click", "li", function () {
      // 通过事件委托获取点击的下标
      let i = $(this).index();
      // 给点击的添加放大效果，兄弟节点全部删除
      $(".all ul li").eq(i).addClass("amplify").siblings().removeClass("amplify");
      // 同时武器详情图片进行切换
      $(".single img").eq(i).show().siblings().hide();
      // 获取到存在放大效果的下标
    });
  }
  allClick();

  // 角色轮播图效果
  function newrole() {
    $(".leftRole").on("click", "li", function () {
      // 通过事件委托获取点击的下标
      let i = $(this).index();
      // 给点击的添加放大效果，兄弟节点全部删除
      $(".leftRole ul li").eq(i).addClass("amplify").siblings().removeClass("amplify");
      // 同时武器详情图片进行切换
      $(".rigthHdc img").eq(i).show().siblings().hide();
      // 获取到存在放大效果的下标
    });
  }
  newrole();

  // 点击侧边栏更改点击的内容
  function sidebarClick() {
    $(".sidebar ul").on("click", "li", function () {
      // 通过事件委托获取点击的下标
      let i = $(this).index();
      // 找到点击的li
      $(".sidebar ul li").eq(i).children("img:last").addClass("shows");
      $(".sidebar ul li").eq(i).siblings().children(".shows").removeClass("shows");
    });
  }
  sidebarClick();

  // 页面滑动效果
  function PagedView() {
    // 1.点击回到顶部
    // 监听事件
    $(".sidebar").on("click", function (e) {
      //1.1 查看自定义属性
      const Id = e.target.dataset.id;
      //1.2 如果没有就直接结束
      if (Id) {
        // 有的话返回顶部再结束监听
        window.scrollTo(0, 0);
        return;
      }
      const name = e.target.dataset.name;
      // 获取自定义属性对应对象
      const el = $(`.cf-${name}`);
      window.scroll(0, el.offset().top);

      let img = $(".sidebar img");
      if (e.target.tagName === img) {
        console.log(6);
      }
    });

    // 返回顶部颜色
    $(document).scroll(function () {
      // 显示向下滑动实时数值
      let i = $(document).scrollTop();
      // 判断高度
      if (i > 2811) {
        $(".sidebar ul li").css("color", "#ed3b2b");
      } else {
        $(".sidebar ul li").css("color", "#f3dc4e");
      }
    });
    // 鼠标滚轮事件

    $(document).on("mousewheel", function (e) {
      let i = $(this).scrollTop();
      const delta = (e.originalEvent.wheelDelta && (e.originalEvent.wheelDelta > 0 ? 1 : -1)) || (e.originalEvent.detail && e.originalEvent.detail > 0 ? -1 : 1);
      if (delta < 0) {
        window.scroll(0, i + 837);
      } else {
        window.scroll(0, i - 837);
      }
    });
  }
  PagedView();
});
